<template>
  <div class="content">
    <Header title="购物车"></Header>
    <Cartdetail v-if="store.state.num"></Cartdetail>
    <Empty v-else></Empty>
    <Footer></Footer>
  </div>
</template>


<script>
import Footer from '../../components/Footer.vue'
import Empty from '../../components/cart/Empty.vue'
import Cartdetail from '../../components/cart/Cartdetail.vue'
import Header from '../../components/Header.vue'

import { useStore } from 'vuex'

export default {
  components: {
    Footer, Empty, Header, Cartdetail
  },
  setup() {
    let store = useStore()

    return { store }
  }
}
</script>


<style lang="scss" scoped>
.content {
  background-color: #f5f5f5;
}
</style>
